<template>
<div class= 'path' >
   <el-steps :active="appointment.path">
            <el-step title="预约申请">
                <template slot= 'description'>
                    {{appointment.operator1}}<br>
                    {{appointment.operatorTime1}} 
                </template>
            </el-step>
            <el-step title="预约确认" >
                <template slot= 'description'>
                    {{appointment.operator2}}<br>
                    {{appointment.operatorTime2}} 
                </template>
            </el-step>
            <el-step title="麻醉评估" >
                <template slot= 'description'>
                    {{appointment.operator3}}<br>
                    {{appointment.operatorTime3}} 
                </template>
            </el-step>
            <el-step title="中心核对" >
                <template slot= 'description'>
                    {{appointment.operator4}}<br>
                    {{appointment.operatorTime4}} 
                </template>
            </el-step>
            <el-step title="入院前宣教">
                <template slot= 'description'>
                    {{appointment.operator5}}<br>
                    {{appointment.operatorTime5}} 
                </template>
            </el-step>
            <el-step title="术前确认" >
                <template slot= 'description'>
                    {{appointment.operator6}}<br>
                    {{appointment.operatorTime6}} 
                </template>
            </el-step>
            <el-step title="手术报到" >
                <template slot= 'description'>
                    {{appointment.operator7}}<br>
                    {{appointment.operatorTime7}} 
                </template>
            </el-step>
            <el-step title="出院评估" >
                <template slot= 'description'>
                    {{appointment.operator8}}<br>
                    {{appointment.operatorTime8}} 
                </template>
            </el-step>
            <el-step title="随访" >
                <template slot= 'description'>
                    {{appointment.operator9}}<br>
                    {{appointment.operatorTime9}} 
                </template>
            </el-step>
            <el-step title="完成" >
                <template slot= 'description'>
                    {{appointment.operator10}}<br>
                    {{appointment.operatorTime10}} 
                </template>
            </el-step>
        </el-steps>
</div>
</template>
<script>
export default {
  props: {
    appointment: {
      type: Object,
      default: function() {
        return {
          path: 1,
          operator1: 'sunsimiao',
          operatorTime1: '2018-12-12',
          operator2: '',
          operatorTime2: '',
          operator3: '',
          operatorTime3: '',
          operator4: '',
          operatorTime4: '',
          operator5: '',
          operatorTime5: '',
          operator6: '',
          operatorTime6: '',
          operator7: '',
          operatorTime7: '',
          operator8: '',
          operatorTime8: '',
          operator9: '',
          operatorTime9: '',
          operator10: '',
          operatorTime10: ''
        }
      }
    }
  }
}
</script>
<style lang="scss" scoped>
</style>